
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>- 照片墙 -</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive" />

  <!-- Facebook and Twitter integration -->
	<meta property="og:title" content=""/>
	<meta property="og:image" content=""/>
	<meta property="og:url" content=""/>
	<meta property="og:site_name" content=""/>
	<meta property="og:description" content=""/>
	<meta name="twitter:title" content="" />
	<meta name="twitter:image" content="" />
	<meta name="twitter:url" content="" />
	<meta name="twitter:card" content="" />


	<link rel="shortcut icon" href="./img/icon/爱心.png">
	<!-- Animate.css -->
	<link rel="stylesheet" href="css/animate.css">
	<!-- Magnific Popup -->
	<link rel="stylesheet" href="css/magnific-popup.css">
	<!-- Salvattore -->
	<link rel="stylesheet" href="css/salvattore.css">
	<!-- Theme Style -->
	<link rel="stylesheet" href="css/style.css">
	<!-- 弹窗样式文件 -->
	<link rel="stylesheet" href="./css/showPopup.css">
	<!-- 友情链接样式文件 -->
	<link rel="stylesheet" href="./css/friendship.css">
	<!-- Modernizr JS -->
	<script src="js/modernizr-2.6.2.min.js"></script>
	<!-- FOR IE9 below -->
	<!--[if lt IE 9]>
	<script src="js/respond.min.js"></script>
	<![endif]-->
	</head>
	<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false" onbeforecopy="return false" oncopy=document.selection.empty() onselect=document.selection.empty()>
		

    

	
	
	<div id="fh5co-main">
		<div class="container">

			<div class="row">

        <div id="fh5co-board" data-columns>

        	<div class="item">
        		<div class="animate-box">
	        		<a href="./img/scenery (1).jpg" class="image-popup fh5co-board-img"><img src="./img/scenery (1).jpg" alt="图片加载失败QAQ"></a>
	        		<div class="fh5co-desc">橱窗里的小风扇和放映机</div>
        		</div>
        	</div>

					<div class="item">
        		<div class="animate-box">
	        		<a href="./img/scenery (4).jpg" class="image-popup fh5co-board-img"><img src="./img/scenery (4).jpg" alt="图片加载失败QAQ"></a>
	        		<div class="fh5co-desc">新鲜出炉的串串火锅 嘶不辣</div>
        		</div>
        	</div>

					<div class="item">
        		<div class="animate-box">
	        		<a href="./img/scenery (5).jpg" class="image-popup fh5co-board-img"><img src="./img/scenery (5).jpg" alt="图片加载失败QAQ"></a>
	        		<div class="fh5co-desc">大手办</div>
        		</div>
        	</div>

					<div class="item">
        		<div class="animate-box">
	        		<a href="./img/scenery (7).jpg" class="image-popup fh5co-board-img"><img src="./img/scenery (7).jpg" alt="图片加载失败QAQ"></a>
	        		<div class="fh5co-desc">跳楼机60米感觉还差点意思</div>
        		</div>
        	</div>

					<div class="item">
        		<div class="animate-box">
	        		<a href="./img/scenery (10).jpg" class="image-popup fh5co-board-img"><img src="./img/scenery (10).jpg" alt="图片加载失败QAQ"></a>
	        		<div class="fh5co-desc">欢乐谷</div>
        		</div>
        	</div>

					<div class="item">
        		<div class="animate-box">
	        		<a href="./img/scenery (14).jpg" class="image-popup fh5co-board-img"><img src="./img/scenery (14).jpg" alt="图片加载失败QAQ"></a>
	        		<div class="fh5co-desc">没有名字的花</div>
        		</div>
        	</div>

					<div class="item">
        		<div class="animate-box">
	        		<a href="./img/scenery (19).jpg" class="image-popup fh5co-board-img"><img src="./img/scenery (19).jpg" alt="图片加载失败QAQ"></a>
	        		<div class="fh5co-desc">绵阳站</div>
        		</div>
        	</div>

					<div class="item">
        		<div class="animate-box">
	        		<a href="./img/scenery (20).jpg" class="image-popup fh5co-board-img"><img src="./img/scenery (20).jpg" alt="图片加载失败QAQ"></a>
	        		<div class="fh5co-desc">江油站</div>
        		</div>
        	</div>

					<div class="item">
        		<div class="animate-box">
	        		<a href="./img/scenery (21).jpg" class="image-popup fh5co-board-img"><img src="./img/scenery (21).jpg" alt="图片加载失败QAQ"></a>
	        		<div class="fh5co-desc">应该是成都的某个街道</div>
        		</div>
        	</div>

					<div class="item">
        		<div class="animate-box">
	        		<a href="./img/scenery (22).jpg" class="image-popup fh5co-board-img"><img src="./img/scenery (22).jpg" alt="图片加载失败QAQ"></a>
	        		<div class="fh5co-desc">绵阳小湖边(景区名字忘了)</div>
        		</div>
        	</div>

					<div class="item">
        		<div class="animate-box">
	        		<a href="./img/scenery (24).jpg" class="image-popup fh5co-board-img"><img src="./img/scenery (24).jpg" alt="图片加载失败QAQ"></a>
	        		<div class="fh5co-desc">太阳,微风,湖边</div>
        		</div>
        	</div>

					<!-- <div class="item">
        		<div class="animate-box">
	        		<a href="./img/scenery (26).jpg" class="image-popup fh5co-board-img"><img src="./img/scenery (26).jpg" alt="图片加载失败QAQ"></a>
	        		<div class="fh5co-desc">小摆锤 哈哈</div>
        		</div>
        	</div> -->

					<div class="item">
        		<div class="animate-box">
	        		<a href="./img/scenery (27).jpg" class="image-popup fh5co-board-img"><img src="./img/scenery (27).jpg" alt="图片加载失败QAQ"></a>
	        		<div class="fh5co-desc">小摆锤 哈哈</div>
        		</div>
        	</div>

					<div class="item">
        		<div class="animate-box">
	        		<a href="./img/scenery (29).jpg" class="image-popup fh5co-board-img"><img src="./img/scenery (29).jpg" alt="图片加载失败QAQ"></a>
	        		<div class="fh5co-desc">长满鲜花的小路</div>
        		</div>
        	</div>

					<div class="item">
        		<div class="animate-box">
	        		<a href="./img/scenery (30).jpg" class="image-popup fh5co-board-img"><img src="./img/scenery (30).jpg" alt="图片加载失败QAQ"></a>
	        		<div class="fh5co-desc">大片大片的菊花(应该是)</div>
        		</div>
        	</div>

					<div class="item">
        		<div class="animate-box">
	        		<a href="./img/scenery (31).jpg" class="image-popup fh5co-board-img"><img src="./img/scenery (31).jpg" alt="图片加载失败QAQ"></a>
	        		<div class="fh5co-desc">薰衣草好像是</div>
        		</div>
        	</div>

					<div class="item">
        		<div class="animate-box">
	        		<a href="./img/scenery (45).jpg" class="image-popup fh5co-board-img"><img src="./img/scenery (45).jpg" alt="图片加载失败QAQ"></a>
	        		<div class="fh5co-desc">烤冰淇淋 味道还可以</div>
        		</div>
        	</div>

					<div class="item">
        		<div class="animate-box">
	        		<a href="./img/scenery (46).jpg" class="image-popup fh5co-board-img"><img src="./img/scenery (46).jpg" alt="图片加载失败QAQ"></a>
	        		<div class="fh5co-desc">大鸡腿 油滋滋 美滋滋</div>
        		</div>
        	</div>

					<div class="item">
        		<div class="animate-box">
	        		<a href="./img/scenery (47).jpg" class="image-popup fh5co-board-img"><img src="./img/scenery (47).jpg" alt="图片加载失败QAQ"></a>
	        		<div class="fh5co-desc">加菲猫,造型还可以</div>
        		</div>
        	</div>

					<div class="item">
        		<div class="animate-box">
	        		<a href="./img/scenery (50).jpg" class="image-popup fh5co-board-img"><img src="./img/scenery (50).jpg" alt="图片加载失败QAQ"></a>
	        		<div class="fh5co-desc">蹦极嗯60米感觉还差点意思</div>
        		</div>
        	</div>

					<div class="item">
        		<div class="animate-box">
	        		<a href="./img/scenery (51).jpg" class="image-popup fh5co-board-img"><img src="./img/scenery (51).jpg" alt="图片加载失败QAQ"></a>
	        		<div class="fh5co-desc">全是吃的</div>
        		</div>
        	</div>

					<div class="item">
        		<div class="animate-box">
	        		<a href="./img/scenery (52).jpg" class="image-popup fh5co-board-img"><img src="./img/scenery (52).jpg" alt="图片加载失败QAQ"></a>
	        		<div class="fh5co-desc">KTV 怀念啤酒一箱24瓶的时候</div>
        		</div>
        	</div>

					<div class="item">
        		<div class="animate-box">
	        		<a href="./img/scenery (53).jpg" class="image-popup fh5co-board-img"><img src="./img/scenery (53).jpg" alt="图片加载失败QAQ"></a>
	        		<div class="fh5co-desc">干杯!!!!</div>
        		</div>
        	</div>

					<div class="item">
        		<div class="animate-box">
	        		<a href="./img/scenery (54).jpg" class="image-popup fh5co-board-img"><img src="./img/scenery (54).jpg" alt="图片加载失败QAQ"></a>
	        		<div class="fh5co-desc">嗝 喝完了,芜湖</div>
        		</div>
        	</div>

					<!-- 人物 -->

					<div class="item">
        		<div class="animate-box">
	        		<a href="./img/people/people (1).jpg" class="image-popup fh5co-board-img"><img src="./img/people/people (1).jpg" alt="图片加载失败QAQ"></a>
	        		<div class="fh5co-desc">王-陈-徐-彭-吴</div>
        		</div>
        	</div>

					<div class="item">
        		<div class="animate-box">
	        		<a href="./img/people/people (4).jpg" class="image-popup fh5co-board-img"><img src="./img/people/people (4).jpg" alt="图片加载失败QAQ"></a>
	        		<div class="fh5co-desc">吴-王-陈-彭-徐</div>
        		</div>
        	</div>

					<div class="item">
        		<div class="animate-box">
	        		<a href="./img/people/people (6).jpg" class="image-popup fh5co-board-img"><img src="./img/people/people (6).jpg" alt="图片加载失败QAQ"></a>
	        		<div class="fh5co-desc">吴-王-陈-彭-徐</div>
        		</div>
        	</div>

					<div class="item">
        		<div class="animate-box">
	        		<a href="./img/people/people (7).jpg" class="image-popup fh5co-board-img"><img src="./img/people/people (7).jpg" alt="图片加载失败QAQ"></a>
	        		<div class="fh5co-desc">陈-王</div>
        		</div>
        	</div>

					<div class="item">
        		<div class="animate-box">
	        		<a href="./img/people/people (10).jpg" class="image-popup fh5co-board-img"><img src="./img/people/people (10).jpg" alt="图片加载失败QAQ"></a>
	        		<div class="fh5co-desc">吴-徐-彭-陈-王</div>
        		</div>
        	</div>

					<div class="item">
        		<div class="animate-box">
	        		<a href="./img/people/people (11).jpg" class="image-popup fh5co-board-img"><img src="./img/people/people (11).jpg" alt="图片加载失败QAQ"></a>
	        		<div class="fh5co-desc">吴-彭-徐-陈-王</div>
        		</div>
        	</div>

					<div class="item">
        		<div class="animate-box">
	        		<a href="./img/people/people (12).jpg" class="image-popup fh5co-board-img"><img src="./img/people/people (12).jpg" alt="图片加载失败QAQ"></a>
	        		<div class="fh5co-desc">徐-吴-彭-陈-王</div>
        		</div>
        	</div>

					<div class="item">
        		<div class="animate-box">
	        		<a href="./img/people/people (14).jpg" class="image-popup fh5co-board-img"><img src="./img/people/people (14).jpg" alt="图片加载失败QAQ"></a>
	        		<div class="fh5co-desc">吴-彭-陈-王</div>
        		</div>
        	</div>

					<div class="item">
        		<div class="animate-box">
	        		<a href="./img/people/people (15).jpg" class="image-popup fh5co-board-img"><img src="./img/people/people (15).jpg" alt="图片加载失败QAQ"></a>
	        		<div class="fh5co-desc">吴-徐-陈</div>
        		</div>
        	</div>


					<!-- 侧边固定图标 -->
					<div class="showButton">
						<img class="happyImg" src="./img/icon/Expression_5.png" onclick="showPopup()">
					</div>
					<!-- 弹出提示框 -->
					<div>
  					<div id="overlay">
  					  <div class="popup">
  					    <p class="popup_title">时光</p>
  					    <p class="popup_content">感谢陪伴,不负遇见</p>
  					    <div class="popup_btn">
  					      <button class="confirmBtn" onclick="hidePopupS()">制作者真帅</button>
  					      <button class="cancelBtn" onclick="hidePopupA()">陈教授天下第一</button>
  					    </div>
  					  </div>
  					</div>
					</div>

					<!-- 友情链接 - 长沙 -->
					<div class="friendship_link">
						<a href="html\changshaTourism.html">长沙🚀</a>
					</div>
        </div>
        </div>
       </div>
	</div>


	<!-- jQuery -->
	<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
	<!-- jQuery Easing -->
	<script src="js/jquery.easing.1.3.js"></script>
	<!-- Bootstrap -->
	<script src="http://www.jq22.com/jquery/bootstrap-3.3.4.js"></script>
	<!-- Waypoints -->
	<script src="js/jquery.waypoints.min.js"></script>
	<!-- Magnific Popup -->
	<script src="js/jquery.magnific-popup.min.js"></script>
	<!-- Salvattore -->
	<script src="js/salvattore.min.js"></script>
	<!-- Main JS -->
	<script src="js/main.js"></script>

	<script>
		function showPopup(){ //显示提示框
  		  var overlay = document.getElementById("overlay");
  		  overlay.style.display = "block";
  		}
  		function hidePopupS(){ //隐藏提示框
  		  var overlay = document.getElementById("overlay");
  		  overlay.style.display = "none";
				console.log('尽说大实话,哈哈哈');
  		}
			function hidePopupA(){ //隐藏提示框
  		  var overlay = document.getElementById("overlay");
  		  overlay.style.display = "none";
				console.log('这话我爱听,哈哈哈');
  		}
	</script>

	
	</body>
</html>
